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ANIMATION ON-OBJECT USER INTERFACE 



BACKGROUND OF THE INVENTION 

10 



Technical Field: 



The invention is related to a system and method of customizing a software 
program, in this case a presentation program, to provide a user with a graphical 
15 representation of the order of elements in an animation sequence on a display 
device. The invention could, however, be equally well applied to other software 
applications, such as, for example, Internet web-site authoring software, electronic 
mail programs, and drawing and flowcharting software. 

20 Background Art: 

Electronic presentations often use computer graphics to enhance the 
presented material thereby giving the audience an immediate grasp of the 
information presented. Common examples of such graphics include bar charts, pie 
25 charts, text animation and organizational charts. Additionally, many electronic 
presentations use animation, the adding of a special visual or sound effect to text 
or an object, to enhance these graphics. 

Animation is a powerful way to attract and sequence users' attention in an 
30 electronic presentation. It is possible to animate text, graphics, diagrams, charts, 
and other objects to focus an audience on important points, control the flow of 
information, and add interest to a presentation. Animation in a presentation occurs 
when objects or animation effects on these objects in a slide are scheduled by the 
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user to appear in a prescribed sequence. When the user then inputs a command 
for one or more of the objects or effects to appear, they appear in a certain order. 
For example, a user can have a text bullet on a slide fly into the slide from the left, 
one word at a time, or hear the sound of applause when a picture is uncovered. 

5 

Animation is a temporally continuous phenomenon, but is typically 
programmed in terms of a discrete sequence of changes. One of the problems 
facing an author producing an animated presentation is that it can be difficult to 
know which elements in the presentation they have animated, and in which 
10 sequence the animation will replay. 

Existing software that employs animation shows the animation sequence 
order in a list. This makes it difficult to reconcile the order in which elements are 
going to animate because the names of elements can be confusing or unfamiliar 
15 (such as, for example, the elements can be file names). Mental effort is required to 
match the list to what is being shown in the animation editor, where the animation is 
composed for later viewing by an audience. Users have complained that they 
cannot tell which objects on the slides are animated, nor can they determine the 
sequence of animation effects. 

20 

Therefore, what is needed is a system and method for representing or 
displaying the order of objects and effects in an animation sequence that makes it 
simple for a user to determine which elements are animated and the order in which 
they are animated. 

25 

SUMMARY 

The system and method according to the present invention solves the 
30 problem of displaying a confusing animation sequence during animation creation 
and editing. The sequence of animation is graphically shown in the editing window 
of an electronic presentation or other software that employs the use of animation, in 
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close proximity to the animated elements or objects. As used herein, the term 
"object" is meant to refer to any item displayed by an application program module 
for manipulation by the user. For example, within a presentation program, word 
processing program, electronic spreadsheet or desktop publication program 
5 module, an object may comprise a string of text, a table or plurality of cells, a 
graphic, an image, a video clip, and so on. The invention gives a user instant 
feedback on animation events while they are animating their presentation or other 
software. This allows the user to debug the animation events in real time when 
using an animation editor or viewer to create the animation events. 

10 

More particularly, the invention consists of a User Interface (Ul) widget which 
shows the order of the animation in the presentation. This Ul employs an animation 
On Object User Interface (OOUI), or animation tag, that is preferably a rectangular 
control that encloses a number, and labels the order in which objects are animated. 

15 Alternately the OOUI could be an icon or symbol. For purposes of this writing, the 
terms animation OOUI and animation tag will be used interchangeably. Each 
animation OOUI or animation tag is associated with an object on a display that 
typically displays the various objects or elements of the presentation during creation 
and editing. The animation OOUI or tag is preferably placed in close proximity to 

20 the object it is associated with, rather than in a separate window or dialog box, and 
is hence termed 'On Object'. The enclosed number represents the number in a 
sequence of mouse clicks or other computer input device selection actions which 
causes an animation effect on an associated object or element. Such animation 
effects include having an object spin, fade in, fade out, fly across the screen, split, 

25 descend, ascend, expand, change color, change text characteristics, or be 

associated with sound or video, to name a few. The animation tag makes it much 
easier for the user to reconcile the order in which objects are animated because of 
the proximity of the tag to the referent object. The animation tag is active and 
responds to computer input device selection actions. 

30 

An object may have zero, one or several animation tags or animation OOUIs 
associated with it in the animation creation and editing portion of the application 
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software. However, when the final animation product, such as an electronic 
presentation, is viewed by an audience the animation tags are not visible. 

Each animation OOUI is typically associated with an animation list, although 
5 it does not have to be. The animation list is a list of animations in sequence order. 
Each item in the list represents an individual animation effect. Each effect is 
preferably associated with a number that represents its order in a sequence of 
mouse clicks or other computer input device selection actions. The numbers in the 
animation OOUI correspond to the numbers in this list. When a user is creating or 

10 editing an object for animation and selects an item or items in the animation, the 
corresponding animation tag(s) in the editor which displays the objects and 
associated animation tags are also selected and highlighted. When an item or 
items in the animation list are deselected, the corresponding animation tag(s) in the 
editor are deselected (and unhighlighted). Similarly, when one or more animation 

15 tag(s) are selected or deselected in the editor, the corresponding entries in the 
animation list are selected or deselected and highlighted or unhighlighted. 

The animation OOUI may change when it is selected. For instance, when an 
animation OOUI is selected with a mouse cursor, or there is a mouse cursor 
20 hovering above the animation OOUI, it may change color to indicate it is selected or 
provide pop up windows with additional information about the object associated 
with the animation tag. 

If the object has multiple effects on the same click in the animation 
25 sequence then only a single animation OOUI is shown. However, if there are 
multiple animation effects that appear at different times for a particular object, 
multiple animation OOUIs are provided. If the user adds more effects than there is 
space to show at the side of the element then an ellipsis is shown behind the 
number on the animation tag to indicate that more sequences exist for that item. 

30 

In one embodiment of the present invention, animation tags are preferably 
rendered in number order along the left vertical edge of an imaginary bounding box 
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of the associated object. This bounding box is typically squarely located on the 
display area and sized so to closely enclose the associated object. In another 
embodiment the bounding box may also be defined by the selection handles for the 
object. This implementation ensures there is no interference with the selection 
5 handles which would interfere with editing the object. If there are more animation 
OOUIs than will fit along the left edge, the last displayable animation OOUI (the last 
animation OOUI there is place to display) is appended with an ellipsis to denote 
that there are animation OOUIs which are not displayed. When several objects 
overlap, the animation OOUI elements for the currently-selected object preferably 
10 come to the foreground. If no object is selected, the animation OOUI for the front- 
most object comes to the foreground. 

The number of animation OOUIs that will fit along the edge of an associated 
object is preferably determined by the height of the object. If the user expands the 

15 size of the slide in the editor then the amount of space to show the animation OOUI 
is recalculated. If more space is available more of the animation sequence will be 
shown. Hence, when the size of the slide and therefore the object showing one or 
more animation OOUIs is expanded, more animation OOUIs can be displayed 
along the object than when the object is smaller. In the alternative, the animation 

20 OOUIs can be scaled down in size to allow more of them to be displayed, although 
care must be taken to ensure that the animation OOUIs are still big enough to be 
legible. Another embodiment shows multiple columns of animation OOUIs when 
two objects are shown in the same general space in the display. 

25 The user of the system and method according to the present invention can 

use various mouse and keyboard short cut keys to activate the animation OOUI. 
For example, 'shift 1 and 'ctrl' select keyboard keys can be used to make contiguous 
and non-contiguous multiple selections in conjunction with a mouse. The invention 
also allows the user to combine two animation effects together and then to 

30 separate them again. Combining the two animation effects together will result in 
the selected objects or events occurring at the same time. Separating the two 
effects will cause the two animation events to occur at different times. 
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Furthermore, the user can change the order of animation effects by selecting an 
animation effect in the animation list and dragging it up or down the list with a 
mouse cursor or other computer input device. When the user changes the order of 
the animation effects by doing this, the numbers associated with the effects in the 
5 animation list and the numbers associated with the animation tags change to 
indicate the changed order of the animation effects associated with the 
corresponding objects. The user can also delete an animation effect from the 
animation list and the corresponding animation OOUI will be deleted and the other 
animation OOUIs will be renumbered accordingly to reflect their new animation 
10 order in the animation sequence. Likewise, if the user deletes an animation OOUI, 
the corresponding effect in the animation list will be deleted, and both the animation 
OOUIs and the effects in the animation list will be renumbered. 



In another embodiment, the animation OOUI control has a different shape 
15 than a rectangle, such as, for example, a hand. This hand-shaped animation tag 
represents interactivity between two animation objects. 



In yet an additional embodiment of the invention, the user can place a 
computer data input device cursor, such as a mouse cursor, over the animation 

20 OOUI and a window of additional information will pop up. This pop-up window if 
typically referred to as a "tool tip". This tool tip or pop-up window may provide a list 
of the elements associated with the animation OOUI and a name. Or a mini- 
version of what items in the animation list are associated with the animation OOUI 
might show up in the pop up window. Or the tool tip window could be interactive 

25 and allow the user to set up parameters for the animation associated with a specific 
object. 



DESCRIPTION OF THE DRAWINGS 



30 The specific features, aspects, and advantages of the present invention will 

become better understood with regard to the following description, appended 
claims and accompanying drawings where: 
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FIG. 1 is a diagram depicting a general purpose computing device 
constituting an exemplary system for implementing the present invention. 

5 FIG. 2 is a state diagram for the animation OOUI and the effects of selection 

and deselection of the animation OOUI according to the present invention. 

FIG. 3 shows an example of the animation OOUIs that show the ordering of 
animation effects in a slide. 

10 

FIG. 4 is a screen image showing an exemplary implementation of a working 
example according to the present invention. 

FIG. 5 is a screen image showing an exemplary implementation of a working 
15 example of the present invention wherein more complex sequences of animation 
elements are shown as vertical columns. 



FIG. 6 is a portion of a screen image showing an exemplary implementation 
of the present invention wherein an ellipsis is used to show the user that additional 
20 animations exist which cannot be displayed due to a lack of space. 



FIG. 7 is a screen image showing an exemplary implementation of the 
present invention wherein the size of a display is expanded to give more space to 
show additional animation OOUIs. 

FIG. 8A is a screen image showing an exemplary implementation of the 
present invention wherein two animation effects are combined in the animation list. 



FIG. 8B is a screen image showing an exemplary implementation of the 
30 present invention wherein the OOUIs are combined after the two animation effects 
in the animation list in FIG. 8A are combined. 
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DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS 



In the following description of the preferred embodiments of the present 
5 invention, reference is made to the accompanying drawings, which form a part 
hereof, and which is shown by way of illustration of specific embodiments in which 
the invention may be practiced. It is understood that other embodiments may be 
utilized and structural changes may be made without departing from the scope of 
the present invention. 

10 

Exemplary Operating Environment 

FIG. 1 illustrates an example of a suitable computing system environment 
15 100 on which the invention may be implemented. The computing system 

environment 100 is only one example of a suitable computing environment and is 
not intended to suggest any limitation as to the scope of use or functionality of the 
invention. Neither should the computing environment 100 be interpreted as having 
any dependency or requirement relating to any one or combination of components 
20 illustrated in the exemplary operating environment 100. 

The invention is operational with numerous other general purpose or special 
purpose computing system environments or configurations. Examples of well 
known computing systems, environments, and/or configurations that may be 

25 suitable for use with the invention include, but are not limited to, personal 
computers, server computers, hand-held or laptop devices, multiprocessor 
systems, microprocessor-based systems, set top boxes, programmable consumer 
electronics, network PCs, minicomputers, mainframe computers, distributed 
computing environments that include any of the above systems or devices, and the 

30 like. 
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The invention may be described in the general context of computer- 
executable instructions, such as program modules, being executed by a computer. 
Generally, program modules include routines, programs, objects, components, data 
structures, etc. that perform particular tasks or implement particular abstract data 
5 types. The invention may also be practiced in distributed computing environments 
where tasks are performed by remote processing devices that are linked through a 
communications network. In a distributed computing environment, program 
modules may be located in both local and remote computer storage media 
including memory storage devices. 

10 

With reference to FIG. 1, an exemplary system for implementing the 
invention includes a general purpose computing device in the form of a computer 
1 10. Components of computer 110 may include, but are not limited to, a 
processing unit 120, a system memory 130, and a system bus 121 that couples 

15 various system components including the system memory to the processing unit 
120. The system bus 121 may be any of several types of bus structures including a 
memory bus or memory controller, a peripheral bus, and a local bus using any of a 
variety of bus architectures. By way of example, and not limitation, such 
architectures include Industry Standard Architecture (ISA) bus, Micro Channel 

20 Architecture (MCA) bus, Enhanced ISA (EISA) bus, Video Electronics Standards 
Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus 
also known as Mezzanine bus. 

Computer 1 10 typically includes a variety of computer readable media. 

25 Computer readable media can be any available media that can be accessed by 
computer 1 10 and includes both volatile and nonvolatile media, removable and 
non-removable media. By way of example, and not limitation, computer readable 
media may comprise computer storage media and communication media. 
Computer storage media includes both volatile and nonvolatile, removable and 

30 non-removable media implemented in any method or technology for storage of 
information such as computer readable instructions, data structures, program 
modules or other data. Computer storage media includes, but is not limited to, 
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RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, 
digital versatile disks (DVD) or other optical disk storage, magnetic cassettes, 
magnetic tape, magnetic disk storage or other magnetic storage devices, or any 
other medium which can be used to store the desired information and which can be 
5 accessed by computer 110. Communication media typically embodies computer 
readable instructions, data structures, program modules or other data in a 
modulated data signal such as a carrier wave or other transport mechanism and 
includes any information delivery media. The term "modulated data signal" means 
a signal that has one or more of its characteristics set or changed in such a manner 
10 as to encode information in the signal. By way of example, and not limitation, 

communication media includes wired media such as a wired network or direct-wired 
connection, and wireless media such as acoustic, RF, infrared and other wireless 
media, Combinations of the any of the above should also be included within the 
scope of computer readable media. 

15 

The system memory 130 includes computer storage media in the form of 
volatile and/or nonvolatile memory such as read only memory (ROM) 131 and 
random access memory (RAM) 132. A basic input/output system 133 (BIOS), 
containing the basic routines that help to transfer information between elements 
20 within computer 1 10, such as during start-up, is typically stored in ROM 131. RAM 
132 typically contains data and/or program modules that are immediately 
accessible to and/or presently being operated on by processing unit 120. By way of 
example, and not limitation, FIG. 1 illustrates operating system 134, application 
programs 135, other program modules 136, and program data 137. 

25 

The computer 110 may also include other removable/non-removable, 
volatile/nonvolatile computer storage media. By way of example only, FIG. 1 
illustrates a hard disk drive 141 that reads from or writes to non-removable, 
nonvolatile magnetic media, a magnetic disk drive 151 that reads from or writes to 
30 a removable, nonvolatile magnetic disk 152, and an optical disk drive 155 that 
reads from or writes to a removable, nonvolatile optical disk 156 such as a CD 
ROM or other optical media. Other removable/non-removable, volatile/nonvolatile 
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computer storage media that can be used in the exemplary operating environment 
include, but are not limited to, magnetic tape cassettes, flash memory cards, digital 
versatile disks, digital video tape, solid state RAM, solid state ROM, and the like. 
The hard disk drive 141 is typically connected to the system bus 121 through an 
5 non-removable memory interface such as interface 140, and magnetic disk drive 
151 and optical disk drive 155 are typically connected to the system bus 121 by a 
removable memory interface, such as interface 150. 

The drives and their associated computer storage media discussed above 

10 and illustrated in FIG. 1, provide storage of computer readable instructions, data 
structures, program modules and other data for the computer 110. In FIG. 1 , for 
example, hard disk drive 141 is illustrated as storing operating system 144, 
application programs 145, other program modules 146, and program data 147. 
Note that these components can either be the same as or different from operating 

15 system 134, application programs 135, other program modules 136, and program 
data 137. Operating system 144, application programs 145, other program 
modules 146, and program data 147 are given different numbers here to illustrate 
that, at a minimum, they are different copies. A user may enter commands and 
information into the computer 110 through input devices such as a keyboard 162 

20 and pointing device 161 , commonly referred to as a mouse, trackball or touch pad. 
Other input devices (not shown) may include a microphone, joystick, game pad, 
satellite dish, scanner, or the like. These and other input devices are often 
connected to the processing unit 120 through a user input interface 160 that is 
coupled to the system bus 121 , but may be connected by other interface and bus 

25 structures, such as a parallel port, game port or a universal serial bus (USB). A 
monitor 191 or other type of display device is also connected to the system bus 121 
via an interface, such as a video interface 190. In addition to the monitor, 
computers may also include other peripheral output devices such as speakers 197 
and printer 196, which may be connected through an output peripheral interface 

30 1 95. Of particular significance to the present invention, a camera 1 63 (such as a 
digital/electronic still or video camera, or film/photographic scanner) capable of 
capturing a sequence of images 164 can also be included as an input device to the 
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personal computer 1 1 0. Further, while just one camera is depicted, multiple 
cameras could be included as an input device to the personal computer 110. The 
images 164 from the one or more cameras are input into the computer 1 10 via an 
appropriate camera interface 165. This interface 165 is connected to the system 
5 bus 121 , thereby allowing the images to be routed to and stored in the RAM 132, or 
one of the other data storage devices associated with the computer 110. However, 
it is noted that image data can be input into the computer 110 from any of the 
aforementioned computer-readable media as well, without requiring the use of the 
camera 163. 

10 

The computer 110 may operate in a networked environment using logical 
connections to one or more remote computers, such as a remote computer 180. 
The remote computer 180 may be a personal computer, a server, a router, a 
network PC, a peer device or other common network node, and typically includes 

15 many or all of the elements described above relative to the computer 1 1 0, although 
only a memory storage device 181 has been illustrated in FIG. 1. The logical 
connections depicted in FIG. 1 include a local area network (LAN) 171 and a wide 
area network (WAN) 173, but may also include other networks. Such networking 
environments are commonplace in offices, enterprise-wide computer networks, 

20 intranets and the Internet. 

When used in a LAN networking environment, the computer 1 10 is 
connected to the LAN 171 through a network interface or adapter 170. When used 
in a WAN networking environment, the computer 110 typically includes a modem 

25 1 72 or other means for establishing communications over the WAN 1 73, such as 
the Internet. The modem 172, which may be internal or external, may be 
connected to the system bus 121 via the user input interface 160, or other 
appropriate mechanism. In a networked environment, program modules depicted 
relative to the computer 1 10, or portions thereof, may be stored in the remote 

30 memory storage device. Byway of example, and not limitation, FIG. 1 illustrates 
remote application programs 185 as residing on memory device 181 . It will be 
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appreciated that the network connections shown are exemplary and other means of 
establishing a communications link between the computers may be used. 

The exemplary operating environment having now been discussed, the 
5 remaining parts of this description section will be devoted to a description of the 
program modules embodying the invention. 

System Overview 

10 In the system and method according to the present invention, the animation 

order of animated objects is graphically shown in close proximity to these objects in 
the editing window of software that employs the use of animation. The invention 
gives a user instant feedback on animation events while they are creating the 
animations. This allows the user to debug the animation events in real time. 

15 

The invention consists of a User Interface (Ul) widget which shows the order 
of the animation in the presentation. This Ul employs an animation On Object User 
Interface (OOUI), or animation tag, that provides the order in which objects are 
animated, and that is preferably a rectangular control, icon or symbol that encloses 

20 a number. This number represents the number in a sequence of mouse clicks (or 
other input device selection actions) which causes an animation effect on an 
associated object. Such an animation effect includes, for example, having an 
object spin, fade in, fade out, fly across the screen, split, descend, ascend, expand, 
change color, change text characteristics, or be associated with sound or video. Of 

25 course, many other animation effects are possible. The Ul is termed 'On Object' 
because the control is placed next to the element on the slide itself, rather than in a 
separate window or dialog box. This makes it much easier for the user to reconcile 
which element is animated, and in what order it is animated. The animation OOUI 
(or animation tag) is active and responds to computer input device selection actions 

30 such as mouse clicks and mouse-over events. 
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An object may have zero, one or several animation OOUIs associated with it 
in the animation creation and editing portion of the application software. However, 
when the final animation product, such as an electronic presentation, is viewed by 
an audience the animation OOUIs are not visible. 

5 

Each animation OOUI is typically associated with an animation list, although 
it does not have to be. The animation list is a list of animations in sequence order. 
Each item in the list represents an individual animation effect. Each effect is 
preferably associated with a number that represents its order in a sequence of 

10 mouse clicks or other computer input device selection actions. The numbers in the 
animation OOUI correspond to the numbers in this animation list. FIG. 2 provides a 
state diagram for the animation OOUI and the effects of its selection and 
deselection. The initial state of the animation OOUIs and items in the animation list 
are that they are unselected, as shown in process action 200. As shown in process 

15 actions 201 and 202, when an item or items in the animation list are selected, the 
corresponding animation OOUI(s) in the editor are also selected. Further, when an 
item or items in the animation list that were previously selected are deselected, as 
shown in process actions 203 and 204, the corresponding animation OOUI(s) in the 
editor are deselected. Similarly, when one or more animation OOUI(s) are selected 

20 or deselected in the editor, the corresponding entries in the animation list are 
selected or deselected (process actions 203 and 204). When the user clicks 
elsewhere than on the animation OOUIs or the animation list elements, all currently 
selected effects and currently selected or highlighted OOUIs are deselected, as 
shown in process actions 205 and 206. 

25 

The animation OOUI or animation tag may change when it is selected. For 
instance, when an animation OOUI is selected with a mouse cursor or there is a 
mouse cursor hovering above the animation tag, it may change color to indicate it is 
selected, or a pop-up window may appear with additional information about the 
30 object associated with the animation tag. If an object has multiple animation effects 
on the same click in the sequence then only a single animation OOUI is shown. 
However, if there are multiple animation effects that appear at different times in the 
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animation sequence for a particular object, multiple animation OOUIs are provided. 
If the user adds more effects than there is space to show at the side of the element 
then an ellipsis is shown to indicate that there are more animation tags that there is 
not room to display. For example, the second and third animation effects may be 
5 contained within an animation tag labeled with 4. This use of the ellipsis prevents 
the animation tag from overlapping with other animation tags or elements in the 
presentation. 

In one embodiment of the present invention, animation OOUIs are preferably 
10 rendered in number order along the left vertical edge of an imaginary bounding box 
enclosing the associated object. This bounding box is typically located on the 
display area with its edges parallel to the display area and is sized so as to closely 
enclose the associated object. The bounding box may also be defined by the 
selection handles of the object. This will prevent overlap which could lead to 
15 problems editing the object. If there are more animation OOUIs than will fit along 
the left edge, the last displayable animation OOUI (the last animation OOUI there is 
room to display) is appended with an ellipsis to denote that there are animation 
OOUIs which are not displayed. When several objects overlap, the animation 
OOUIs for the currently-selected object preferably come to the foreground. If no 
20 object is selected, the animation OOUI for the front-most object comes to the 
foreground of the display. 

The number of animation OOUIs that will fit along the edge of an associated 
object is preferably determined by the height of the object. If the user expands the 

25 size of the slide in the editor then the amount of space to show the OOUI is 

recalculated. If more space is available more of the animation sequence will be 
shown. Hence, when the size of the slide and therefore the object showing one or 
more OOUIs is expanded, more OOUIs can be displayed along the object than 
when the object is smaller. In the alternative, the OOUIs can be scaled down in 

30 size, although care must be taken to ensure that the OOUIs are still big enough to 
be legible. Another embodiment shows multiple columns of OOUIs when two 
objects are shown in the same general space in the display. 
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The user of the system and method according to the present invention can 
use various keyboard and mouse short cut keys to activate the animation OOUI. 
For example, to select multiple objects the user might use the [CTRL] key and the 
5 mouse to select certain objects. Or the user could use the [SHFT] key and mouse 
to select a sequence of objects. 

The invention also allows the user to combine two animation effects together 
and then to separate them again. Combining the two animation effects together will 

10 result in the selected objects or events occurring at the same time. Separating the 
two effects will cause the two animation effects to occur at different times. In one 
embodiment of the present invention the animation list can be used to set the 
logical relationships between animation effects. A context menu can be used to set 
the relationship from requiring a click to starting 'with previous 1 or 'after previous 1 

15 animation effect. Selecting a 'with previous 1 option will cause the animation 
sequence of an element to begin at the same time as the previous item on an 
animation list (that is, one mouse click will execute two animation effects). 
Selecting 'after previous' will cause the animation sequence to begin immediately 
after the previous item in the list is finished playing (that is, no additional click is 

20 required to make the next animation sequence start. OOUIs will be combined if the 
animation effects on an object now start on the same mouse click or other input 
device selection action. OOUIs will be separated if the context menu is used to set 
the relationship from 'with previous' or 'after previous' to start with a new mouse 
click or other input device selection action. Alternately, a user can set the 

25 animation order by using a spinner control (a graphical control that allows the user 
to increment or decrement a value using a mouse instead of a keyboard) 
associated with a pop up window which appears when the user selects the OOUI. 

Furthermore, the user can change the order of animation effects by selecting 
30 an animation effect in the animation list and dragging it up or down the list with a 
mouse cursor or other computer input device. When the user changes the order of 
the animation effects by doing this, the numbers associated with the effects in the 
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animation list and the numbers associated with the animation tags change to 
indicate the changed order of the animation effect associated with the 
corresponding objects. The user can also delete an animation effect from the 
animation list and the corresponding animation OOUI will be deleted and the other 
5 animation OOUIs will be renumbered accordingly to reflect their animation order in 
the animation sequence. Likewise, if the user deletes an animation OOUI, the 
corresponding effect in the animation list will be deleted, and both the animation 
OOUIs and the effects in the animation list will be renumbered. 

10 In another embodiment, the animation OOUI has a different shape than a 

rectangle, such as, for example, a hand. This hand-shaped animation tag 
represents interactivity between two objects. For instance, given a rectangular 
object and a circular object with a hand-shaped animation OOUI, when a user 
clicks on the rectangular object, the circular object might grow. Hence, the hand- 

15 shaped animation tag indicates an interactivity between the two objects associated 
with the hand-shaped animation OOUI. 

In yet another embodiment of the invention, the user can place a computer 
data input device cursor, such as a mouse cursor, over the animation OOUI and a 

20 window of additional information will pop up. This pop-up window if typically 

referred to as a "tool tip". This tool tip or pop-up window may provide a list of the 
elements associated with the animation OOUI and a name. Or a mini-version of 
what items in the animation list are associated with the animation OOUI might show 
up in the pop-up window. Or the tool tip window could be interactive and allow the 

25 user to set up parameters for the animation effect associated with a specific object. 

Working Examples: 

The following paragraphs and figures provide working examples of the 
30 system and process according to the present invention. 
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FIG. 3 depicts how the animation sequence is displayed as a numbered 
sequence of 'On Object' User Interface (OOUI) widgets over the presentation. 
Each element in the presentation to which the user has applied animation is shown 
with a small animation OOUI or animation tag (302 through 310) next to it 
5 containing a number. The number gives the sequence order in which the animation 
will play. This number also corresponds to the sequence in the animation list that 
shows on which mouse click an animation effect will take place. For example, in 
FIG. 3, the Title is set to animate first, so it is shown with a T next to it. The bullet 
points of the presentation then animate one at a time, so each has a number in 
10 ascending sequence. Finally the oval will animate at the same time as the last 
bullet, since both are ordered as '4\ as indicated by the '4' in the animation tag 
associated with the oval. 

15 The animation OOUI is also used to show animation order for other types of 

media in the presentation, such as charts. For instance, if a chart is set to animate, 
the animation OOUI or tag is shown next to each part of the chart, as shown in FIG. 
4. Again, the animation OOUI makes it easy for the user to see in which order the 
chart will animate. The animation OOUIs show the sequence in which the chart will 

20 animate: Head will appear first, then 'Personl', 'Person2\ and £ Person3\ In FIG. 
4, the animation OOUI for 'Head 5 402 is selected (indicated in this case by a 
different shade), so the entry corresponding to the Head OOUI in the list 404 is also 
highlighted (also indicated by a different shade). 

25 Again, the details of each of the animations are shown in the list on the right 

of the screenshot in FIG. 4. When the user selects an animation OOUI, it highlights 
the corresponding effects in the animation list. This functionality makes it easy for 
the user to reference from the element to which they have applied their animation 
effect to the more detailed animation list that shows the type of the animation and 

30 allows the user to manipulate it. In FIG. 4, the user has selected the animation 
OOUI 402 next to the Head element. This highlights the entry in the animation list 
404 which the user can then manipulate (i.e., re-order this animation or change the 
type of animation effect). 
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As shown in FIG. 5, more complex sequences of animation are shown as 
vertical columns (502, 504, 506 and 508) of animation OOUIs. In this example, 
5 Title 51 0 will fly in to the slide at the beginning of the presentation, and fly out again 
at the end. 



The animation OOUI is placed on the left side of the element so that it does 
not obscure the bullet text, and so that the textbox which encloses the text does not 

10 render over the animation OOUI when selected. In FIG. 5, the user has added 
additional animation effects to the title and the bullet points in the presentation. 
These are all set to animate last in the sequence. As the user adds further effects 
to their presentation, the animation OOUIs are shown stacking to the side of the 
element using a vertical layout algorithm. In FIG. 5, animation effects will occur to 

15 the title on the first and fifth mouse clicks. If the animation OOUI with the T in it is 
selected by the user, then the corresponding animation effect with the T adjacent 
to it will be highlighted in the animation list 512. 



If the element has multiple effects on the same click (or other computer input 
20 device selection action) in the sequence then only a single animation OOUI or tag 
is shown. If the user adds more animation effects than there is space to show at 
the side of the element then an ellipsis is shown to indicate that there are more 
animation tags that there is not enough room to display. An example of this is 
shown in FIG. 6. Here Ellipsis (2..) 600 is used to show the user that additional 
25 animation effects exist when there is not enough space to display using the 

animation OOUI. This prevents the animation OOUI from overlapping with other 
animation tags or elements in the presentation. 



If the user expands the size of the slide in the editor then the amount of 
30 space to show the animation OOUI is recalculated. If more space is available more 
of the animation sequence will be shown. An example is shown in FIG. 7. As the 
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user expands the size of the slide (and hence gives more space to show the 
animation OOUIs), additional animation OOUIs (2,5..) are shown. 

In FIGs. 8A and 8B an example of combining animation effects in the 
5 animation list is provided. In FIG. 8A an animation effect in the animation list is 
changed to start on the same click as the previous effect. As shown in FIG. 8A, 
because the effects now are both on the same element the OOUIs are combined to 
avoid clutter beside the Title' object. 

10 

The foregoing description of the invention has been presented for the 
purposes of illustration and description. It is not intended to be exhaustive or to 
limit the invention to the precise form disclosed. Many modifications and variations 
are possible in light of the above teaching. It is intended that the scope of the 
15 invention be limited not by this detailed description, but rather by the claims 
appended hereto. 
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